<?xml version="1.0" encoding="utf-8" ?>
<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function checkform() {
	if (form1.usernum.value == "") {
		alert("请填写用户名");
		form1.usernum.focus();
		return false;
	}
	if (form1.password.value == "") {
		alert("请填写密码");
		form1.password.focus();
		return false;
	}
}
</script>
<title>后台管理登陆</title>
<style type=text/css>
<!--
body {
	font: 100%/1.4 "微软雅黑";
	background: url(${pageContext.request.contextPath }/img/bg.jpg) repeat-x;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
}

/* ~~ 元素/标签选择器 ~~ */
ul,ol,dl {
	/* 由于浏览器之间的差异，最佳做法是在列表中将填充和边距都设置为零。为了保持一致，您可以在此处指定需要的数值，也可以在列表所包含的列表项（LI、DT 和 DD）中指定需要的数值。请注意，除非编写一个更为具体的选择器，否则您在此处进行的设置将会层叠到 .nav 列表。 */
	padding: 0;
	margin: 0;
}

h1,h2,h3,h4,h5,h6,p {
	margin-top: 0;
	/* 删除上边距可以解决边距会超出其包含的 div 的问题。剩余的下边距可以使 div 与后面的任何元素保持一定距离。 */
	padding-right: 15px;
	padding-left: 15px;
	/* 向 div 内的元素侧边（而不是 div 自身）添加填充可避免使用任何方框模型数学。此外，也可将具有侧边填充的嵌套 div 用作替代方法。 */
}

a img { /* 此选择器将删除某些浏览器中显示在图像周围的默认蓝色边框（当该图像包含在链接中时） */
	border: none;
}

a:link {
	text-decoration: none;
	color: #FFFFFF;
}

a:visited {
	text-decoration: none;
	color: #000000;
}

a:hover,a:active,a:focus { /* 此组选择器将为键盘导航者提供与鼠标使用者相同的悬停体验。 */
	text-decoration: none;
}

/* ~~ 以下是此布局的列。 ~~ */
.title {
	width: 100%;
	height: 100px;
}

.main {
	margin: 0 auto;
	width: 1000px;
	display: table;
	position: relative;
}

.logo {
	width: 1000px;
	height: 100px;
}

.logo1 {
	width: 350px;
	height: 100px;
	float: left;
}

.logo2 {
	width: 300px;
	height: 100px;
	float: left;
	background-image:
		url(${pageContext.request.contextPath }/img/adminlogintitle.png);
}

.logo3 {
	width: 350px;
	height: 100px;
	float: left;
}

.txt {
	width: 1000px;
	height: 400px;
}

.txt1 {
	width: 300px;
	height: 400px;
	float: left;
}

.txt2 {
	width: 400px;
	height: 400px;
	float: left;
}

.txt3 {
	width: 300px;
	height: 400px;
	float: left;
}
-->
</style>
</head>
<body>
	<div class="title"></div>
	<div class="main">
		<div class="logo">
			<div class="logo1"></div>
			<div class="logo2"></div>
			<div class="logo3"></div>
		</div>
		<div class="txt">
			<div class="txt1"></div>
			<div class="txt2">
				<form action="${pageContext.request.contextPath }/admin/login.do" id="form1" name="form1" method="post">
					<table width="400" border="0">
						<tr>
							<td width="164" class="label">请输入账号：</td>
							<td width="191" height="30"><input type="text"
								name="usernum" style="width: 191px;" value="1" /></td>
							<td width="31"></td>
						</tr>
						<tr>
							<td width="164" class="label">请输入密码：</td>
							<td width="191" height="30"><input type="password"
								name="password" style="width: 191px;" value="1" /></td>
							<td width="31"></td>
						</tr>
						<tr>
							<td width="164" height="30"></td>
							<td width="191" height="30"><input name="button"
								type="submit" class="loginbutton" id="button" value="登录"
								onclick="return checkform(form1);" /> <input name="button"
								type="reset" class="loginbutton" id="button" value="重置" /></td>
							<td height="30"></td>
						</tr>
					</table>
				</form>
			</div>
			<div class="txt3"></div>
		</div>
	</div>
</body>
</html>